<template>
  <div class="main">
    <div class="m-text">
      <div class="m-t-cont m-t-cont1">读万卷书</div>
      <div class="m-t-cont">行万里路</div>
    </div>

  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  data(){
    return {
    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.main {
  overflow: hidden;
  padding:20px;
 .m-text{
   background-repeat: no-repeat;
   font-size: 50px;
   height: 100%;
   .m-t-cont1{
     padding-top:200px;
   }
   .m-t-cont{
     width: 100%;
     text-align: center;
     margin-bottom: 30px;
   }
 }
}
</style>
